.banner, .sbanner {
 width: 100%;
 overflow: hidden;
 height: auto;
 position: fixed;
 z-index: 999990;
 background: #525354;
}

.banner .slides, .sbanner .slides {
 overflow: hidden;
 width: 100%;
 height: 100%;
}

.banner .slides li, .sbanner .slides li {
 width: 100%;
 height: 100%;
}

.banner .slides li img, .sbanner .slides li img {
 width: 100%;
 height: 100%;
}

@media only screen and (min-width: 769px) {
 .sbanner {display: none}
 .banner .flex-control-nav {
 position: absolute;
 z-index: 999991;
 bottom: 0.5rem;
 height: 0.05rem;
 }
 .banner .flex-direction-nav {
 width: 100%;
 position: absolute;
 z-index: 999992;
 top: 50%;
 margin-top: -40px;
 }

 .banner .flex-direction-nav li {
 width: 0.8rem;
 height: 0.8rem;
 }

 .banner .flex-direction-nav li a {
 display: inline-block;
 width: 0.8rem;
 height: 0.8rem;
 cursor: pointer;
 color: rgba(0, 0, 0, 0);
 }

 .banner .flex-direction-nav li a.flex-prev {
 background: url("../images/prev.png") no-repeat center center;
 }

 .banner .flex-direction-nav li a.flex-next {
 background: url("../images/next.png") no-repeat center center;
 }

 .banner .flex-direction-nav li.flex-nav-prev {
 float: left;
 margin-left: 0.48rem;
 }

 .banner .flex-direction-nav li.flex-nav-next {
 float: right;
 margin-right: 0.48rem;
 }
}

@media only screen and (max-width: 768px) {
	.banner {display: none}

 .banner {display: none}
 .sbanner .flex-control-nav {
 position: absolute;
 z-index: 999991;
 bottom: 0.35rem;
 height: 0.05rem;
 }

 .sbanner .flex-direction-nav {
 display: none;
 }
}

 @media only screen and (min-width: 1824px) {
 .scase {
 display: none;
 }

 .lcase {
 display: none;
 }

 .xlcase {
 width: 18.24rem;
 height: 19.46rem;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1.15rem 0;
 }

 .xlcase .case_box {
 width: 18.24rem;
 height: 19.31rem;
 }

 .xlcase .case_box .type1 {
 width: 5.93rem;
 height: 3.48rem;
 overflow: hidden;
 }

 .xlcase .case_box .type2 {
 width: 5.93rem;
 height: 7.185rem;
 overflow: hidden;
 }

 .xlcase .case_box .type3 {
 width: 12.085rem;
 height: 7.185rem;
 overflow: hidden;
 }

 .xlcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 margin-bottom: 0.225rem;
 position: relative;
 }

 .xlcase .case_box .case_item img {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }

 .xlcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }

 .xlcase .case_box .case_item .case_mask:hover,
 .xlcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }

 .xlcase .case_box .case_item .case_mask div.case_mask_bottom {
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }

 .xlcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .xlcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }

 .xlcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }

 .xlcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }

 .xlcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }

 .xlcase .case_box .case_item:last-child_row {
 margin-right: 0;
 }

 .xlcase .case_box .case_item:last-child_col {
 margin-bottom: 0;
 }

 .xlcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .xlcase .square img {
 width: 100%;
 height: 100%;
 }

 .xlcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}

@media only screen and (min-width: 769px) and (max-width: 1400px) {
 .scase {
 display: none;
 }

 .xlcase {
 display: none;
 }

 .lcase {
 width: 95%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1rem 0;
		margin-bottom:70px;
 }

 .lcase .case_box {
 width: 100%;
 margin-left: 1%;
 }

 .lcase .case_box .type1 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .type2 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .type3 {
 width: 65%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 position: relative;
 overflow: hidden;
 }

 .lcase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }

 .lcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }

 .lcase .case_box .case_item .case_mask:hover,
 .lcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }

 .lcase .case_box .case_item .case_mask div.case_mask_bottom {
 display: block;
 width: 100%;
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }

 .lcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .lcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1367rem;
 color: #fff;
 }

 .lcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.1683rem;
 color: #fff;
 margin-bottom: 0.12rem;
 }

 .lcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1044rem;
 color: #fff;
 }

 .lcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }

 .lcase .case_box .case_item:last-child_row {
 margin-right: 0;
 }

 .lcase .case_box .case_item:last-child_col {
 margin-bottom: 0;
 }

 .lcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .lcase .square img {
 width: 100%;
 height: 100%;
 }

 .lcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}


@media only screen and (min-width: 1401px) and (max-width: 1823px) {
 .scase {
 display: none;
 }

 .xlcase {
 display: none;
 }

 .lcase {
 width: 95%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1rem 0;
		margin-bottom:-24px;
 }

 .lcase .case_box {
 width: 100%;
 margin-left: 1%;
 }

 .lcase .case_box .type1 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .type2 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .type3 {
 width: 65%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }

 .lcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 position: relative;
 overflow: hidden;
 }

 .lcase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }

 .lcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }

 .lcase .case_box .case_item .case_mask:hover,
 .lcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }

 .lcase .case_box .case_item .case_mask div.case_mask_bottom {
 display: block;
 width: 100%;
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }

 .lcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .lcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1367rem;
 color: #fff;
 }

 .lcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.1683rem;
 color: #fff;
 margin-bottom: 0.12rem;
 }

 .lcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1044rem;
 color: #fff;
 }

 .lcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }

 .lcase .case_box .case_item:last-child_row {
 margin-right: 0;
 }

 .lcase .case_box .case_item:last-child_col {
 margin-bottom: 0;
 }

 .lcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .lcase .square img {
 width: 100%;
 height: 100%;
 }

 .lcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}



@media only screen and (min-width: 1400px) {
 .article {
 width: 18.24rem;
 height: 5.84rem;
 margin: 0 auto;
 background: #f4f4f4;
 }

 .article .article_left {
 display: inline-block;
 width: 9.12rem;
 height: 5.84rem;
 float: left;
 }

 .article .article_right {
 display: inline-block;
 width: 9.12rem;
 height: 5.84rem;
 float: right;
 }

 .article .article_right .article_right_mcontent {
 display: inline-block;
 width: 7.14rem;
 height: 3.56rem;
 margin-left: 0.97rem;
 margin-top: 1.14rem;
 position: relative;
 }

 .article .article_right .article_right_mcontent .am_title {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 7.14rem;
 color: #2a2a2a;
 font-family: shs_medium;
 font-size: 0.2708rem;
 }

 .article .article_right .article_right_mcontent .article_list {
 width: 100%;
 list-style: none;
 margin: 0.38rem 0 0 0;
 padding: 0;
 }

 .article .article_right .article_right_mcontent .article_list li {
 display: block;
 width: 100%;
 margin-bottom: 0.16rem;
 height: 0.24rem;
 line-height: 0.24rem;
 }

 .article .article_right .article_right_mcontent .article_list li a {
 display: inline-block;
 font-family: shs_normal;
 font-size: 0.1875rem;
 height: 0.24rem;
 line-height: 0.24rem;
 overflow: hidden;
 color: #2a2a2a;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 }

 .article .article_right .article_right_mcontent .article_list li a.mactive,
 .article .article_right .article_right_mcontent .article_list li a:hover,
 .article .article_right .article_right_mcontent .article_list li a:focus {
 font-family: shs_medium;
 text-decoration: none;
 }

 .article .article_right .article_right_mcontent .square {
 position: absolute;
 display: inline-block;
 width: 0.4rem;
 height: 0.41rem;
 bottom: 0;
 left: 0;
 z-index: 1000011;
 }

 .article .article_right .article_right_mcontent .square img {
 width: 100%;
 height: 100%;
 }

 .article .article_right .article_right_mcontent .mplus {
 position: absolute;
 width: 0.21rem;
 height: 0.22rem;
 bottom: 0.096rem;
 left: 0.095rem;
 z-index: 1000010;
 }

 .pinpai_list {
 width: 14.38rem;
 height: 6.54rem;
 margin: 0 auto;
 padding: 1rem 0 1rem 0.79rem;
 }

 .pinpai_list .fpitem {
 display: inline-block;
 width: 2.8rem;
 height: 4.54rem;
 float: left;
 text-align: left;
 }
	
 .pinpai_list .fpitem:last-child {
 width: 2.39rem;
 }

 .pinpai_list .fpitem p.fpitle {
 width: 100%;
 height: 0.78rem;
 margin: 0;
 padding: 0;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful {
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 .pinpai_list .fpitem .ful li {
 display: inline-block;
 width: 100%;
 height: 0.34rem;
 }

 .pinpai_list .fpitem .ful li .fpable {
 display: table;
 width: 100%;
 height: 0.32rem;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: top;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1667rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable {
 display: table;
 width: 100%;
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: middle;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a {
 display: inline;
 font-family: shs_normal;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list2 {
 display: none;
 }

 .smembers {
 display: none;
 }

 .members {
 width: 14.38rem;
 height: 4.4rem;
 margin: 0 auto;
 padding-top: 1rem;
 padding-left: 0.06rem;
 }

 .members a {
 text-decoration: none;
 color: #2a2a2a;
 }

 .members .bbox {
 display: inline-block;
 color: #2a2a2a;
 }

 .members .bbox .members_p {
 display: table;
 width: 100%;
 height: 0.43rem;
 margin: 0;
 padding: 0;
 }

 .members .bbox .members_p .ptable {
 display: table-cell;
 vertical-align: top;
 }

 .members .bbox .members_p .ptable span {
 font-family: shs_normal;
 font-size: 0.2083rem;
 -webkit-text-stroke-width: 0.3px;
 }

 .members .bbox:hover {
 color: #8e8e8e;
 }

 .links {
 width: 14.38rem;
 height: 7.1rem;
 margin: 0 auto;
 padding: 0;
 position: relative;
 }

 .links .fbox {
 width: 100%;
 height: 4.98rem;
 }

 .links .fbox .fritem {
 display: block;
 width: 100%;
 height: 0.66rem;
 margin-bottom: 0.78rem;
 }

 .links .fbox .fritem:last-child {
 margin-bottom: 0;
 }

 .links .fbox .fritem .fitem {
 display: table;
 width: 1.40rem;
 height: 0.66rem;
 margin-right: 1.196rem;
 float: left;
 }

 .links .fbox .fritem .fitem:last-child {
 margin-right: 0;
 }

 .links .fbox .fritem .fitem div.fitem-cell {
 display: table-cell;
 width: 1.40rem;
 height: 0.66rem;
 vertical-align: middle;
 position: relative;
 }

 .links .fbox .fritem .fitem div.fitem-cell img {
 position: absolute;
 left: 0;
 top: 0;
 width: 1.4rem;
 height: 0.66rem;
 }

 .links .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 1rem;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .links .square img {
 width: 100%;
 height: 100%;
 }

 .links .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 1.11rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }

 .mlinks {
 display: none;
 }

 .slinks {
 display: none;
 }
}

@media only screen and (min-width: 769px) and (max-width: 1400px) {
 .article {
 width: 93%;
 margin: 0 auto;
 background: #f4f4f4;
 height: 4.56rem;
 }

 .article .article_left {
 display: inline-block;
 width: 50%;
 float: left;
 height: 4.56rem;
 }

 .article .article_right {
 display: inline-block;
 width: 50%;
 padding: 0 0.99rem 0.2rem 0.99rem;
 float: right;
 }

 .article .article_right .article_right_mcontent {
 display: inline-block;
 width: 100%;
 height: 3rem;
 margin-top: 0.75rem;
 position: relative;
 }

 .article .article_right .article_right_mcontent .am_title {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 7.14rem;
 color: #2a2a2a;
 font-family: shs_medium;
 font-size: 0.2208rem;
 }

 .article .article_right .article_right_mcontent .article_list {
 width: 100%;
 list-style: none;
 margin: 0.28rem 0 0 0;
 padding: 0;
 }

 .article .article_right .article_right_mcontent .article_list li {
 display: block;
 width: 100%;
 margin-bottom: 0.16rem;
 height: 0.2rem;
 line-height: 0.2rem;
 }

 .article .article_right .article_right_mcontent .article_list li a {
 display: inline-block;
 font-family: shs_normal;
 font-size: 0.1575rem;
 height: 0.24rem;
 line-height: 0.24rem;
 overflow: hidden;
 color: #2a2a2a;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 }

 .article .article_right .article_right_mcontent .article_list li a.mactive,
 .article .article_right .article_right_mcontent .article_list li a:hover,
 .article .article_right .article_right_mcontent .article_list li a:focus {
 font-family: shs_medium;
 text-decoration: none;
 }

 .article .article_right .article_right_mcontent .square {
 position: absolute;
 display: inline-block;
 width: 0.4rem;
 height: 0.41rem;
 bottom: 0;
 left: 0;
 z-index: 1000011;
 }

 .article .article_right .article_right_mcontent .square img {
 width: 100%;
 height: 100%;
 }

 .article .article_right .article_right_mcontent .mplus {
 position: absolute;
 width: 0.21rem;
 height: 0.22rem;
 bottom: 0.096rem;
 left: 0.095rem;
 z-index: 1000010;
 }

 .smembers {
 display: none;
 }

 .members {
 width: 10.188rem;
 height: 3.4rem;
 margin: 0 auto;
 padding-top: 0.3rem;
 }

 .members a {
 text-decoration: none;
 color: #2a2a2a;
 }

 .members .bbox {
 display: inline-block;
 color: #2a2a2a;
 }

 .members .bbox .members_p {
 display: table;
 height: 0.33rem;
 margin: 0;
 padding: 0;
 }

 .members .bbox .members_p .ptable {
 display: table-cell;
 vertical-align: top;
 }

 .members .bbox .members_p .ptable span {
 font-family: shs_normal;
 font-size: 0.16rem;
 -webkit-text-stroke-width: 0.3px;
 }

 .members .bbox:hover {
 color: #8e8e8e;
 }

 .mlinks {
 width: 100%;
 margin: 0 auto;
 padding: 0 0 1.52rem 0;
 position: relative;
		height:7.7rem;
 }

 .mlinks .fbox {
 width: 100%;
 }

 .mlinks .fbox .fritem {
 display: block;
 width: 100%;
 height: 0.66rem;
 margin-bottom: 0.55rem;
 text-align: left;
		margin-left:175px;
 }

 .mlinks .fbox .fritem:last-child {
 margin-bottom: 0;
 }

 .mlinks .fbox .fritem .text-center {
 display: inline-block;
 }

 .mlinks .fbox .fritem .fitem {
 display: table;
 width: 1.40rem;
 height: 0.43rem;
 margin-right: 0.8rem;
 float: left;
 }

 .mlinks .fbox .fritem .fitem:last-child {
 margin-right: 0;
 }

 .mlinks .fbox .fritem .fitem div.fitem-cell {
 display: table-cell;
 width: 1.40rem;
 height: 0.56rem;
 vertical-align: middle;
 position: relative;
 }

 .mlinks .fbox .fritem .fitem div.fitem-cell img {
 position: absolute;
 top: 0;
 left: 0;
 width: 1.4rem;
 height: 0.66rem;
 }

 .mlinks .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 1rem;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .mlinks .square img {
 width: 100%;
 height: 100%;
 }

 .mlinks .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 1.11rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }

 .links {
 display: none;
 }

 .slinks {
 display: none;
 }
}



@media only screen and (min-width: 1400px) and (max-width: 1537px) {
 .article {
 width: 93%;
 margin: 0 auto;
 background: #f4f4f4;
 height: 4.56rem;
 }

 .article .article_left {
 display: inline-block;
 width: 50%;
 float: left;
 height: 4.56rem;
 }

 .article .article_right {
 display: inline-block;
 width: 50%;
 /*padding: 0 0.99rem 0.2rem 0.99rem;*/
 float: right;
 }

 .article .article_right .article_right_mcontent {
 display: inline-block;
 width: 100%;
 height: 3rem;
 margin-top: 0.75rem;
 position: relative;
 }

 .article .article_right .article_right_mcontent .am_title {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 7.14rem;
 color: #2a2a2a;
 font-family: shs_medium;
 font-size: 0.2208rem;
 }

 .article .article_right .article_right_mcontent .article_list {
 width: 100%;
 list-style: none;
 margin: 0.28rem 0 0 0;
 padding: 0;
 }

 .article .article_right .article_right_mcontent .article_list li {
 display: block;
 width: 100%;
 margin-bottom: 0.16rem;
 height: 0.2rem;
 line-height: 0.2rem;
 }

 .article .article_right .article_right_mcontent .article_list li a {
 display: inline-block;
 font-family: shs_normal;
 font-size: 0.1575rem;
 height: 0.24rem;
 line-height: 0.24rem;
 overflow: hidden;
 color: #2a2a2a;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 }

 .article .article_right .article_right_mcontent .article_list li a.mactive,
 .article .article_right .article_right_mcontent .article_list li a:hover,
 .article .article_right .article_right_mcontent .article_list li a:focus {
 font-family: shs_medium;
 text-decoration: none;
 }

 .article .article_right .article_right_mcontent .square {
 position: absolute;
 display: inline-block;
 width: 0.4rem;
 height: 0.41rem;
 bottom: 0;
 left: 0;
 z-index: 1000011;
 }

 .article .article_right .article_right_mcontent .square img {
 width: 100%;
 height: 100%;
 }

 .article .article_right .article_right_mcontent .mplus {
 position: absolute;
 width: 0.21rem;
 height: 0.22rem;
 bottom: 0.096rem;
 left: 0.095rem;
 z-index: 1000010;
 }
 .pinpai_list {
 width: 12.18rem;
 height: 5.73rem;
 margin: 0 auto;
 padding: 1rem 0 1rem 0.79rem;
 }

 .pinpai_list .fpitem {
 display: inline-block;
 width: 2.3rem;
 height: 4.54rem;
 float: left;
 text-align: left;
 }

 .pinpai_list .fpitem:last-child {
 width: 2.19rem;
 }

 .pinpai_list .fpitem p.fpitle {
 width: 100%;
 height: 0.60rem;
 margin: 0;
 padding: 0;
 font-family: shs_medium;
 font-size: 0.2108rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful {
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 .pinpai_list .fpitem .ful li {
 display: inline-block;
 width: 100%;
 height: 0.28rem;
 }

 .pinpai_list .fpitem .ful li .fpable {
 display: table;
 width: 100%;
 height: 0.34rem;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: top;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1367rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable {
 display: table;
 width: 100%;
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: middle;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a {
 display: inline;
 font-family: shs_normal;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list2 {
 display: none;
 }

 .smembers {
 display: none;
 }

 .members {
 width: 11.38rem;
 height: 4.4rem;
 margin: 0 auto;
 padding-top: 1.25rem;
 padding-left: 0.06rem;
 }

 .members a {
 text-decoration: none;
 color: #2a2a2a;
 }

 .members .bbox {
 display: inline-block;
 color: #2a2a2a;
 }

 .members .bbox .members_p {
 display: table;
 width: 100%;
 height: 0.43rem;
 margin: 0;
 padding: 0;
 }

 .members .bbox .members_p .ptable {
 display: table-cell;
 vertical-align: top;
 }

 .members .bbox .members_p .ptable span {
 font-family: shs_normal;
 font-size: 0.1683rem;
 -webkit-text-stroke-width: 0.3px;
 }

 .members .bbox:hover {
 color: #8e8e8e;
 }

 .links {
 width: 11.38rem;
 height: 7.1rem;
 margin: 0 auto;
 padding: 0;
 position: relative;
 }

 .links .fbox {
 width: 100%;
 height: 4.98rem;
 }

 .links .fbox .fritem {
 display: block;
 width: 100%;
 height: 0.66rem;
 margin-bottom: 0.78rem;
 }

 .links .fbox .fritem:last-child {
 margin-bottom: 0;
 }

 .links .fbox .fritem .fitem {
 display: table;
 width: 1.40rem;
 height: 0.66rem;
 margin-right: 0.596rem;
 float: left;
 }

 .links .fbox .fritem .fitem:last-child {
 margin-right: 0;
 }

 .links .fbox .fritem .fitem div.fitem-cell {
 display: table-cell;
 width: 1.40rem;
 height: 0.66rem;
 vertical-align: middle;
 position: relative;
 }

 .links .fbox .fritem .fitem div.fitem-cell img {
 position: absolute;
 left: 0;
 top: 0;
 width: 1.4rem;
 height: 0.66rem;
 }

 .links .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 1rem;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .links .square img {
 width: 100%;
 height: 100%;
 }

 .links .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 1.11rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }

 .mlinks {
 display: none;
 }

 .slinks {
 display: none;
 } 
 
}


@media only screen and (min-width: 851px) and (max-width: 1437px) {
 .pinpai_list {
 width: 78%;
 height: 5.96rem;
 margin: 0 auto;
 padding: 1rem 0;
 }

 .pinpai_list .fpitem {
 display: inline-block;
 width: 20%;
 height: 4.54rem;
 float: left;
 text-align: left;
 /*padding: 0 0.3rem;*/
 padding: 0 0 0 0.3rem;
 }

 .pinpai_list .fpitem p.fpitle {
 width: 100%;
 height: 0.60rem;
 margin: 0;
 padding: 0;
 font-family: shs_medium;
 font-size: 0.23rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful {
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 .pinpai_list .fpitem .ful li {
 display: inline-block;
 width: 100%;
 height: 0.30rem;
 }

 .pinpai_list .fpitem .ful li .fpable {
 display: table;
 width: 100%;
 height: 0.34rem;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: top;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.150rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list .fpitem .ful li:last-child {
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable {
 display: table;
 width: 100%;
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: middle;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a {
 font-family: shs_normal;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-family: shs_medium;
 }

 .pinpai_list2 {
 display: none;
 }
}

@media only screen and (min-width: 769px) and (max-width: 850px) {
 .pinpai_list {
 width: 100%;
 height: 6.54rem;
 margin: 0 auto;
 padding: 1rem 0;
 }

 .pinpai_list .fpitem {
 display: inline-block;
 width: 20%;
 height: 4.54rem;
 float: left;
 text-align: left;
 }

 .pinpai_list .fpitem p.fpitle {
 width: 100%;
 height: 0.78rem;
 margin: 0;
 padding: 0;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful {
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 .pinpai_list .fpitem .ful li {
 display: inline-block;
 width: 100%;
 height: 0.34rem;
 }

 .pinpai_list .fpitem .ful li .fpable {
 display: table;
 width: 100%;
 height: 0.34rem;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: top;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1667rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-weight: bold;
 }

 .pinpai_list .fpitem .ful li:last-child {
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable {
 display: table;
 width: 100%;
 height: auto;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: middle;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1667rem;
 color: #2a2a2a;
 }

 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:active,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:hover,
 .pinpai_list .fpitem .ful li:last-child .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-weight: bold;
 }

 .pinpai_list2 {
 display: none;
 }
}

@media only screen and (max-width: 768px) {
 .members_p span{
 font-size: 12px!important;
 }

 .article {
 width: 100%;
 height: 6.38rem;
 margin: 0 auto;
 background: #f4f4f4;
 overflow: hidden;
 }

 .article .article_left {
 display: none;
 }

 .article .article_right {
 display: block;
 width: 100%;
 height: 6.38rem;
 padding: 0 0.36rem;
 }

 .article .article_right .article_right_mcontent {
 display: inline-block;
 width: 100%;
 height: 3.66rem;
 margin-top: 1.35rem;
 position: relative;
 }

 .article .article_right .article_right_mcontent .am_title {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 7.14rem;
 color: #2a2a2a;
 font-family: shs_medium;
 font-size: 0.2708rem;
 }

 .article .article_right .article_right_mcontent .article_list {
 width: 100%;
 list-style: none;
 margin: 0.38rem 0 0 0;
 padding: 0;
 }

 .article .article_right .article_right_mcontent .article_list li {
 display: block;
 width: 100%;
 margin-bottom: 0.16rem;
 height: 0.24rem;
 line-height: 0.24rem;
 }
 .pinpai_list2 .fpitem:nth-child(3){
 float: right;
 }
 .article .article_right .article_right_mcontent .article_list li a {
 display: inline-block;
 width: 100%;
 font-family: shs_normal;
 font-size: 0.1875rem;
 height: 0.24rem;
 line-height: 0.24rem;
 overflow: hidden;
 color: #2a2a2a;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 }

 .article .article_right .article_right_mcontent .article_list li a.mactive,
 .article .article_right .article_right_mcontent .article_list li a:hover,
 .article .article_right .article_right_mcontent .article_list li a:focus {
 font-family: shs_medium;
 text-decoration: none;
 }

 .article .article_right .article_right_mcontent .square {
 position: absolute;
 display: inline-block;
 width: 0.4rem;
 height: 0.41rem;
 bottom: 0;
 left: 0;
 z-index: 1000011;
 }

 .article .article_right .article_right_mcontent .square img {
 width: 100%;
 height: 100%;
 }

 .article .article_right .article_right_mcontent .mplus {
 position: absolute;
 width: 0.21rem;
 height: 0.22rem;
 bottom: 0.096rem;
 left: 0.095rem;
 z-index: 1000010;
 }

 .pinpai_list {
 display: none;
 }

 .pinpai_list2 {
 width: 100%;
		margin-bottom:0px;
		margin-top:68px;
 }

 .pinpai_list2 .fpitem {
 display: block;
 width: 50%;
 margin: 0.45rem 0 .3rem 0;
 padding: 0 0 0 0.36rem;
 text-align: left;
 float: left;
 }

 .pinpai_list2 .fpitem:last-child {
 margin-top: -1rem; 
 }

 .pinpai_list2 .fpitem p.fpitle {
 width: 100%;
 height: 0.58rem;
 margin: 0;
 padding: 0;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }

 .pinpai_list2 .fpitem .ful {
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 .pinpai_list2 .fpitem .ful li {
 display: inline-block;
 width: 100%;
 height: 0.32rem;
 }

 .pinpai_list2 .fpitem .ful li .fpable {
 display: table;
 width: 100%;
 height: 0.32rem;
 }

 .pinpai_list2 .fpitem .ful li .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: top;
 }

 .pinpai_list2 .fpitem .ful li .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1667rem;
 color: #2a2a2a;
 }

 .pinpai_list2 .fpitem .ful li .fpable .fpable-cell a:active,
 .pinpai_list2 .fpitem .ful li .fpable .fpable-cell a:hover,
 .pinpai_list2 .fpitem .ful li .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-weight: bold;
 }

 .pinpai_list2 .fpitem .ful li:last-child {
 height: auto;
 }

 .pinpai_list2 .fpitem .ful li:last-child .fpable {
 display: table;
 width: 100%;
 height: auto;
 }

 .pinpai_list2 .fpitem .ful li:last-child .fpable .fpable-cell {
 width: 100%;
 display: table-cell;
 vertical-align: middle;
 }

 .pinpai_list2 .fpitem .ful li:last-child .fpable .fpable-cell a {
 font-family: shs_normal;
 font-size: 0.1667rem;
 color: #2a2a2a;
 }

 .pinpai_list2 .fpitem .ful li:last-child .fpable .fpable-cell a:active,
 .pinpai_list2 .fpitem .ful li:last-child .fpable .fpable-cell a:hover,
 .pinpai_list2 .fpitem .ful li:last-child .fpable .fpable-cell a:focus {
 text-decoration: none;
 font-weight: bold;
 }

 

 .members {
 display: none;
 }

 .members a {
 text-decoration: none;
 color: #2a2a2a;
 }

 .smembers {
 width: 100%;
 margin: 0 auto;
 padding: 0.5rem 0.5rem 0.5rem 0.36rem;
		margin-bottom:53px;
 }

 .smembers a {
 text-decoration: none;
 color: #2a2a2a;
 }

 .smembers .members_p {
 width: 100%;
 line-height: 0.38rem;
 margin: 0;
 padding: 0;
 }

 .smembers .members_p .ptable span {
 color: #2a2a2a;
 font-family: shs_normal;
 font-size: 0.1683rem;
 -webkit-text-stroke-width: 0.3px;
 }

 .slinks {
 width: 100%;
 margin: 0 auto;
 padding: 0 0 0.82rem 0;
 position: relative;
		margin-bottom:25px;
 }

 .slinks .fbox {
 width: 100%;
		margin-bottom:85px;
 }

 .slinks .fbox .fritem {
 display: block;
 width: 100%;
 height: 0.66rem;
 margin-bottom: 0.48rem;
 text-align: center;
 }

 .slinks .fbox .fritem:last-child {
 margin-bottom: 0;
 }

 .slinks .fbox .fritem .text-center {
 display: inline-block;
 }

 .slinks .fbox .fritem .fitem {
 display: table;
 width: 1.40rem;
 height: 0.66rem;
 margin-right: 0.196rem;
 float: left;
 }

 .slinks .fbox .fritem .fitem:last-child {
 margin-right: 0;
 }

 .slinks .fbox .fritem .fitem div.fitem-cell {
 display: table-cell;
 width: 1.40rem;
 height: 0.66rem;
 vertical-align: middle;
 }

 .slinks .fbox .fritem .fitem div.fitem-cell img {
 width: 1.2rem;
 height: 0.56rem;
 }

 .slinks .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 1rem;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .slinks .square img {
 width: 100%;
 height: 100%;
 }

 .slinks .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 1.11rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }

 .links {
 display: none;
 }

 .mlinks {
 display: none;
 }

 .lcase {
 display: none;
 }

 .xlcase {
 display: none;
 }

 .scase {
 width: 96%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 0.95rem 0;
 margin-bottom:55px;
 }

 .scase .case_box {
 width: 100%;
 }

 .scase .case_box .type1 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }

 .scase .case_box .type2 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }

 .scase .case_box .type3 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }

 .scase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 float: left;
 position: relative;
 margin-bottom: 0.13rem;
 overflow: hidden;
 }

 .scase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }

 .scase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }

 .scase .case_box .case_item .case_mask:hover,
 .scase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }

 .scase .case_box .case_item .case_mask div.case_mask_bottom {
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }

 .scase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 }

 .scase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }

 .scase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }

 .scase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }

 .scase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }

 .scase .case_box .case_item:last-child {
 margin-bottom: 0;
 }

 .scase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }

 .scase .square img {
 width: 100%;
 height: 100%;
 }

 .scase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}

.pinpai {
 display: none;
}
